body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside,
details, figcaption, figure, hgroup, menu, nav {
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

input, textarea, select {
  *font-size: 100%; }

a {
  text-decoration: none;
  color: #000000; }

.fl {
  float: left; }

.fr {
  float: right; }

.clearfix {
  clear: both; }

body {
  width: 100%; }

body {
  background: url(../img/space.jpg) no-repeat fixed top;
  background-size: 100% 100%;
  position: relative; }

.battleground {
  width: 100%;
  height: 727px;
  position: absolute;
  top: 0;
  left: 0; }

.plant {
  width: 40px;
  height: 40px;
  background: url(../img/plant_03.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.baba {
  width: 20px;
  height: 20px;
  background-color: red;
  border: 1px solid white; }

.planet {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url(../img/planet_03.png) no-repeat;
  background-size: 100% 100%; }

.ammo {
  width: 20px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/ammo_06.png);
  background-size: 100% 100%; }

.gameOver {
  width: 100%;
  height: 727px;
  background-color: rgba(0, 0, 0, 0.7);
  line-height: 727px;
  font-size: 30px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  color: slateblue;
  display: none; }
  .gameOver button {
    position: absolute;
    left: 0;
    top: 0; }

.win {
  width: 100%;
  height: 727px;
  background-color: rgba(0, 0, 0, 0.7);
  line-height: 727px;
  font-size: 30px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  color: slateblue;
  display: none; }
  .win button {
    position: absolute;
    left: 0;
    top: 0; }
